@extends('tourism.layouts.default')
@section('content')
    {{--轮播图--}}
    <div id="myCarousel" class="carousel slide" style="position: relative;">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="{{cdn('tourism/img/bj.jpg')}}" alt="First slide">
            </div>
            <div class="item">
                <img src="{{cdn('tourism/img/bj.jpg')}}" alt="Second slide">
            </div>
            <div class="item">
                <img src="{{cdn('tourism/img/bj.jpg')}}" alt="Third slide">
            </div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="left" aria-hidden="true"> </span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="right" aria-hidden="true"> </span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    @widget('post_list', ['category' => '淮南风景', 'view'=>'post_list.all','limit'=>3])
    @widget('post_list', ['category' => '推荐景点', 'view'=>'post_list.termini'])

    {{--关于我们--}}
    <section class="about_list_met_11_3" m-id="6" m-type='nocontent'>
        <div class="background">
            <img data-original="img/gy.jpg" src="{{cdn('tourism/img/bj.jpg')}}" style="display: inline;">
        </div>
        <div class="container">
            <div class="about-us col-md-12">
                <div class="head">
                    <h2 class="title">关于我们</h2>
                    <p class="desc"></p>
                </div>
                <div class="content">
                    <div class="left col-md-5 col-sm-5">
                        <div class="img">
                            <img data-original="img/gy1.png" src="{{cdn('tourism/img/bj.jpg')}}" alt="关于我们"
                                 style="display: inline;">
                        </div>
                    </div>
                    <div class="right">
                        <div class="text" style="visibility: inherit; opacity: 1;">
                            <p class="desc"
                               style="visibility: inherit; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);">
                                <span>Travell旅行社有限公司是经国家旅游局批准成立并足额缴纳质量保证金的优秀企业，自成立以来，经全体员工的艰苦创业，共树携程旅游品牌、发展成现有规模、凭着：良好的信誉雄厚的实力完善的机制，超前的意识，...</span>
                                <a href="#" title="关于我们" class="btn-more" target="_blank">MORE
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @widget('post_list', ['category' => '产品展示', 'view'=>'post_list.product'])
    @widget('post_list', ['category' => '特色酒店', 'view'=>'post_list.abode','limit'=>4])



    <div class="bg">
        <div class="mask">
            <div class="warp">
                <h2>去旅游，找我们</h2>
                <p>嘿嘿</p>
            </div>
        </div>
    </div>
    @widget('post_list', ['category' => '旅行者专栏', 'view'=>'post_list.blog','limit'=>2])
@endsection
@section('jsn')
    <script>

        $(function () {
            var $banner = $("#banner");
            if($banner.children().length == 0)
                return;
            $banner.slick({
                dots: true,
                infinite: true,
                centerMode: true,
                variableWidth: true,
                autoplay: true,
                autoplaySpeed: 5000,
                slidesToShow: 3,
                slidesToScroll: 3,
                arrows: false
            });
        })
    </script>

@endsection
@section('js')
    <script src="{!! cdn('tourism/js/index.js') !!}"></script>
    @endsection